<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图标</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1986991_oziarab0cs.css">
    <style type="text/css">
        .iconfont{
            font-size: 200px;
        }
        div{
            /*width: 500px;*/
            /*height: 90px;*/
            border: red solid 1px;
            font-size: 40px;
            line-height: 90px;
            text-align: justify;
        }
        span{
            font-size: 10px;
            border: blue solid 1px;
            vertical-align: 10px;
        }
    </style>
</head>
<body>
<span class="iconfont icon-shiwureliang" ></span>
<span class="iconfont icon-yinpin" style="font-size: 90px;"></span>
<span class="iconfont icon-shucai" style="font-size: 90px;"></span>
<span class="iconfont icon-xianxingsvggeshiyimeitubiao-24" style="font-size: 90px;"></span>

<div>panda bear is here, hello world panda bear is here, hello worldpanda bear is here, hello worldpanda bear is here, hello world
<span>this is a span</span></div>
</body>
</html>